<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon"
    href="https://aoxin.enn.cn/api/ops/pageconfig/getbrowsericon?temp=Wed%20Apr%2020%202022%2013%3A12%3A21%20GMT+0800%20%28%u4E2D%u56FD%u6807%u51C6%u65F6%u95F4%29"
    type="image/x-icon">
  <title>title</title>

  <style>
    /* reset start */
    html,
    body {
      margin: 0;
      padding: 0;
    }

    p:not(.not-indent),
    h2:not(.not-indent),
    h3:not(.not-indent),
    h4:not(.not-indent) {
      text-indent: 32px;
    }

    /* reset start */

    /* 基础类 start */
    .bold {
      font-weight: 700;
    }

    .red {
      color: #f00;
    }

    .indent {
      text-indent: 32px;
    }

    .ul {
      /* 下划线 */
      text-decoration: underline;
      text-decoration-color: rgb(227, 3, 251);
      /* text-decoration-style: wavy; */
      text-underline-offset: 3px;
    }

    .pre-line {
      /* 自动换行，并保留空格 */
      white-space: pre-line;
    }

    .fl {
      float: left;
    }

    .fr {
      float: right;
    }

    .overflow-hidden {
      overflow: hidden;
    }

    /* 基础类 end */

    .opt-btn {
      position: fixed;
      z-index: 999;
    }

    .container {
      padding: 50px;
      font-size: 16px;
      line-height: 22px;
    }

    .title {
      text-align: center;
      line-height: 45px;
    }

    .el-textarea {
      margin: 5px 0;
    }

    .el-textarea.red .el-textarea__inner,
    .el-textarea__inner::placeholder {
      color: #f00;
    }

    .signature {
      display: flex;
      height: 80px;
    }

    .signature .person {
      width: 50%;
    }

    .principal {
      height: 80px;
      padding-right: 100px;
    }
  </style>

  <link rel="stylesheet" href="https://static.dev.ennew.com/statics/@enn/element-plus/dist/2.0.0-beta.3/index.css" crossorigin="anonymous">
  <script src="https://unpkg.com/dayjs@1.11.1/dayjs.min.js"></script>

  <!-- 生产 -->
  <!-- <script src="https://cdn.fanneng.com/statics/vue/3.2.33/vue.global.prod.js"></script> -->
  <!-- 开发 -->
  <script src="https://unpkg.com/vue@3.2.33/dist/vue.global.js"></script>

  <!-- enn element-plus -->
  <script src="https://static.dev.ennew.com/statics/@enn/element-plus/dist/2.0.0-beta.3/index.full.min.js" crossorigin="anonymous"></script>
</head>

<body>
  <div id="app" class="container">

    <div class="opt-btn" v-if="!isDownload">
      <el-button type="primary" plain round @click="isPreview = !isPreview">{{isPreview ? '编辑' : '预览'}}</el-button>

      <template v-if="isPreview">
        <el-button type="success" plain round @click="enterDownload" loading>保存</el-button>
        <el-button color="rgb(227, 3, 251)" plain round @click="enterDownload">下载</el-button>
      </template>
    </div>

    <h1 class="title" id="title">
      <span class="ul">{{company.enterpriseName}}</span><br>
      <span class="ul">{{company.reportYear}}</span>年信用等级评级报告及综合授信尽职调查报告
    </h1>

    <p>
      <span class="ul">{{company.enterpriseName}}</span>为我公司新增客户，根据《新奥财务有限责任公司综合授信业务管理办法》的规定，对<span
        class="ul">{{company.enterpriseName}}</span>拟评定为<span
        class="ul">{{company.grade}}</span>级。同时按照有关规定，我公司对申请人的经营情况、财务状况、信用需求及担保情况、综合信用风险等情况进行了调查分析，拟同意对申请人授信额度<span
        class="ul">{{company.recLimit}}</span>，期限<span class="ul">{{company.sugDuration}}</span>。
    </p>

    <p>
      <span class="bold">调查路径：</span>通过企业提供的贷款申请与申请人财务主管等相关人员座谈了解企业的经营、财务状况、信用需求等情况，补充销售预测及其他相关情况，撰写并充实调查报告。
    </p>

    <p>
      <span class="bold">调查方式：</span>采用走访公司业务部门主管及财务主管等方式了解企业经营及财务等情况；对申请人的总体情况进行了汇总分析。承诺本调查报告所涉及的相关情况属实，对所调查和分析情况的客观真实性负责。
    </p>

    <h2>一、公司概况</h2>

    <h3>1.基本概况</h3>

    <div>
      <p>
        <span class="ul">{{company.enterpriseName}}</span>位于<span class="ul">{{company.address}}</span>取得<span
          class="ul">福建省泉州市工商行政管理局</span>颁发的注册号为<span class="ul">91350500MA2Y49A87</span>营业执照，法定代表人<span class="ul">韩继深</span>，营业期限自<span
          class="ul">2017年03月30日</span>至<span class="ul">2047年03月29日</span>。公司注册资本金<span class="ul">10010万元人民币</span>，<enn-input class="red"
          :is-preview="isPreview" v-model="company.registCapi"></enn-input>
        <span>经营范围<span
            class="ul">新能源技术研发；电能、冷能、热能、蒸汽、天然气等能源产品的生产、销售与供应服务；分布式能源及其他新能源利用设施、项目投资、建设；分布式能源站及其他能源利用站的运行与经营管理；合同能源管理；新能源开发、利用、节能技术开发、技术咨询、技术转让、技术推广服务；商务信息咨询（以上均不含证券、期货投资咨询、金融咨询及其它需经前置许可的项目）、能源管理数据库系统开发、管理服务、能源信息咨询服务；机电设备、暖通设备及其他能源利用设备的销售、租赁与技术服务。（依法须经批准的项目，经相关部门批准后方可开展经营活动）。</span></span>
      </p>

      <!-- 法定代表人 -->
      <p>
        法定代表人<enn-input :is-preview="isPreview" v-model="company.legal"></enn-input>
      </p>

      <p>
        公司一号位<enn-input :is-preview="isPreview" v-model="company.companyNoOneDetail"></enn-input>
      </p>

      <p>
        财务负责人<enn-input :is-preview="isPreview" v-model="company.financePrincipalDetail"></enn-input>
      </p>
    </div>

    <h2>二、客户资信情况</h2>

    <h3>1.信用状况</h3>

    <div>
      <p v-if="isPreview" v-for="(text, index) of company.creditStatus.split(/\n/)" :key="index">{{text}}</p>
      <el-input v-else type="textarea" :autosize="autosize" placeholder="请输入内容" v-model="company.creditStatus"></el-input>
    </div>

    <h3>2.对外担保情况</h3>

    <div>
      <p v-if="isPreview" v-for="(text, index) of company.guaranteeStatus.split(/\n/)" :key="index">{{text}}</p>
      <el-input v-else type="textarea" :autosize="autosize" placeholder="请输入内容" v-model="company.guaranteeStatus"></el-input>
    </div>

    <h2>三、公司财务情况</h2>

    <h3>1.资产负债表</h3>

    <div>
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="date" label="Date" width="180"></el-table-column>
        <el-table-column prop="name" label="Name" width="180"></el-table-column>
        <el-table-column prop="address" label="Address"></el-table-column>
      </el-table>

      <p>资产规模及资产结构变动：</p>

      <p>流动资产合计为currentAssets万元，占资产总额的比重为currentAssetsProportion，流动资产合计较上年增长currentAssetsRadio。</p>

      <p>非流动资产合计为nonCurrentAssets万元，非流动资产合计较上年增长nonCurrentAssetsRadio。</p>

      <p :class="!isPreview && 'not-indent'">
        <enn-input :is-preview="isPreview" v-model="company.subjectChangeInfo"></enn-input>
      </p>

      <p>
        固定资产<enn-input :is-preview="isPreview" v-model="company.fixedAssetsDetail"></enn-input>
      </p>

      <p>
        长期股权投资情况<enn-input :is-preview="isPreview" v-model="company.longTermEquityInvestmentDetail"></enn-input>
      </p>

      <p>
        长期负债情况<enn-input :is-preview="isPreview" v-model="company.longTermLiabilitiesDetail"></enn-input>
      </p>
    </div>

    <h4>（1）应收账款</h4>

    <div>
      <p>
        应收账款为accountsReceivable万元,较上年增长accountsReceivableRadio。应收账款占流动资产比重为
        <enn-input :is-preview="isPreview" v-model="company.accountsReceivableProportion"></enn-input>
      </p>

      <p :class="!isPreview && 'not-indent'">
        <enn-input :is-preview="isPreview" v-model="company.accountsReceivableNote"></enn-input>
      </p>

      <p>
        主要行业的应收账款近3年变动情况：<enn-input :is-preview="isPreview" v-model="company.threeYearsAccountsReceivableNote"></enn-input>
      </p>

      <p>前5大应收账款客户变动情况：</p>

      <el-table :data="tableData" border>
        <el-table-column prop="date" label="Date" width="180"></el-table-column>
        <el-table-column prop="name" label="Name" width="180"></el-table-column>
        <el-table-column prop="address" label="Address"></el-table-column>
      </el-table>
    </div>

    <h4>（2）固定资产及在建工程</h4>

    <div>
      <p>
        固定资产为fixedAssets万元，占非流动资产的比重为fixedAssetsProportion，固定资产较上年增长fixedAssetsRadio。
        <enn-input :is-preview="isPreview" v-model="company.fixedAssetsNote"></enn-input>
      </p>
    </div>

    <h4>（3）长期股权投资</h4>

    <p>
      长期股权投资余额为longTermEquityInvestment万元，
      <enn-input :is-preview="isPreview" v-model="company.longTermEquityInvestmentNote" placeholder="请输入内容" />
    </p>

    <h4>（4）应付账款</h4>

    <div>
      <p>应付账款为accountsPayable万元,较上年增长accountsPayableRadio。剔除应付内部公司款项影响，应付账款余额为accountsPayable万元。</p>
      <p>主要行业的应付账款近3年变动情况：</p>
      <p :class="!isPreview && 'not-indent'">
        <enn-input :is-preview="isPreview" v-model="company.threeYearsAccountsPayableNote" placeholder="请输入内容" />
      </p>

      <p>前5大应付账款客户变动情况：</p>
      <el-table :data="tableData" border>
        <el-table-column prop="date" label="Date" width="180"></el-table-column>
        <el-table-column prop="name" label="Name" width="180"></el-table-column>
        <el-table-column prop="address" label="Address"></el-table-column>
      </el-table>
    </div>

    <h3>2.损益表</h3>

    <div>
      <el-table :data="tableData" border>
        <el-table-column prop="date" label="Date" width="180"></el-table-column>
        <el-table-column prop="name" label="Name" width="180"></el-table-column>
        <el-table-column prop="address" label="Address"></el-table-column>
      </el-table>

      <p>
        营业收入为businessIncome万元，营业收入较上年增长businessIncomeRadio，营业成本为businessCosts万元，营业成本较上年增长businessCostsRadio。
        <enn-input :is-preview="isPreview" v-model="company.businessNote" />
      </p>
    </div>

    <h3>3.现金流量表</h3>

    <el-table :data="tableData" border>
      <el-table-column prop="date" label="Date" width="180"></el-table-column>
      <el-table-column prop="name" label="Name" width="180"></el-table-column>
      <el-table-column prop="address" label="Address"></el-table-column>
    </el-table>

    <h3>4.财务指标</h3>

    <el-table :data="tableData" border>
      <el-table-column prop="date" label="Date" width="180"></el-table-column>
      <el-table-column prop="name" label="Name" width="180"></el-table-column>
      <el-table-column prop="address" label="Address"></el-table-column>
    </el-table>

    <p class="bold">财务指标分析</p>
    <p>主要财务指标分析</p>

    <h4>（1）偿债能力分析：</h4>

    <div>
      <p>
        公司资产负债率为assetLiabilityRatio，
        <enn-input class="red" :is-preview="isPreview" v-model="company.assetLiabilityRatioNote" placeholder="assetLiabilityRatioNote"></enn-input>
        负债水平较前一年度下降assetLiabilityRatioIncrease。
      </p>
      <p>
        流动比率为currentRatio，速动比率为quickRatio，
        <enn-input class="red" :is-preview="isPreview" v-model="company.currentRatioNote" placeholder="currentRatioNote" />
      </p>
      <p>经营现金净流量对流动负债的保障倍数为coverageRatio。</p>
    </div>

    <h4>（2）盈利能力分析：</h4>

    <div>
      <p>总资产报酬率为returnOnTotalAssets，
        <enn-input class="red" :is-preview="isPreview" v-model="company.returnOnTotalAssetsNote" placeholder="returnOnTotalAssetsNote" />
      </p>
      <p>销售利润率为salesProfitMargin，
        <enn-input class="red" :is-preview="isPreview" v-model="company.salesProfitMarginNote" placeholder="salesProfitMarginNote" />
      </p>
    </div>

    <h4>（3）营运能力分析：</h4>

    <div>
      <p>应付账款周转率为accountsPayableTurnoverRate；</p>
      <p>存货周转率为InventoryTurnoverRate；</p>
      <p :class="!isPreview && 'not-indent'">
        <enn-input class="red" :is-preview="isPreview" v-model="company.operationalCapacityAnalysis" placeholder="operationalCapacityAnalysis" />
      </p>
    </div>

    <h2>四、经营情况及资金需求预测</h2>

    <p :class="!isPreview && 'not-indent'">
      <enn-input :is-preview="isPreview" v-model="company.forecastNote" placeholder="forecastNote"></enn-input>
    </p>

    <h3>1.固定资产投资情况：</h3>

    <div>
      <p>存量资产置换:
        <enn-input :is-preview="isPreview" v-model="company.replacementStockAssets" placeholder="replacementStockAssets" />
      </p>
      <p>新增固定资产投资:
        <enn-input :is-preview="isPreview" v-model="company.newFixedAssetInvestmen" placeholder="newFixedAssetInvestmen" />
      </p>
      <p>固定资产建设资金缺口:
        <enn-input :is-preview="isPreview" v-model="company.capitalGapFixedAssetsConstruction" placeholder="capitalGapFixedAssetsConstruction" />
      </p>
    </div>

    <h3>2.上游供应商情况分析</h3>

    <p :class="!isPreview && 'not-indent'">
      <enn-input :is-preview="isPreview" v-model="company.upstreamSuppliers"></enn-input>
    </p>

    <h3>3.天然气销售客户中</h3>

    <div>
      <p>行业分布</p>
      <p>前5大客户：行业、账期、现金回款比(业务逻辑待沟通)</p>
      <p>
        因：预计整体天然气采购量增加（手工录入）亿方，导致整体气费采购资金增加（手工录入）亿元；同时上游气费预付周期缩短，增加预付资金（手工录入）亿元，下游客户应收账款回收周期拉长，需增加周转资金（手工录入）亿元。
      </p>
    </div>

    <h3>4.流动资金需求测算（监管）</h3>

    <p :class="!isPreview && 'not-indent'">
      <enn-input :is-preview="isPreview" v-model="company.todo"></enn-input>
    </p>

    <h2>五、信用等级、授信额度</h2>

    <div>
      <p>（新评级模型）</p>
      <p>根据《新奥财务有限责任公司环境风险审核指引》和《绿色产业指导目录》，该企业属于绿色产业，评级不下调。</p>
      <p>经人行征信管理系统查询，公司没有未结清不良信贷信息和欠息记录。信用良好。</p>
      <p>（新授信模型）</p>
      <p>用信要求及用信条件</p>

      <p>流动资金：
        <enn-input :is-preview="isPreview" v-model="company.bb" placeholder="replacementStockAssets" />
      </p>
      <p>固定资产贷款：
        <enn-input :is-preview="isPreview" v-model="company.cc" placeholder="newFixedAssetInvestmen" />
      </p>
      <p>财务公司承兑汇票：
        <enn-input class="red" :is-preview="isPreview" v-model="company.dd" />
      </p>
    </div>

    <h2>六.风险性分析及风险控制措施</h2>

    <div>
      <p>公司经营中面临的风险主要有：</p>
      <p :class="!isPreview && 'not-indent'">
        <enn-input class="red" :is-preview="isPreview" v-model="company.mainRiskNote" />
      </p>

      <p>主要风险控制措施：</p>
      <p :class="!isPreview && 'not-indent'">
        <enn-input class="red" :is-preview="isPreview" v-model="company.riskMeasuresNote" />
      </p>
    </div>

    <h2>七.综合结论</h2>

    <p>满足新奥财务公司grade级客户测评标准。拟同意将该企业评定为grade级客户。</p>
    <p>经调查认为该公司主体资格合法，经营情况正常，信用记录良好。reportYear年拟为该公司授信recLimit万元，期限sugDuration。</p>

    <p>以上情况，请审查。</p>

    <div>
      <p class="signature">
        <span class="person">调查人：</span>
        <span class="person">复核人：</span>
      </p>

      <p class="overflow-hidden"><span class="fr">{{date}}</span></p>
    </div>

    <div>
      <p>客户服务群负责人意见：
        <enn-input class="red" :is-preview="isPreview" v-model="company.aa" />
      </p>

      <p class="overflow-hidden"><span class="fr principal">客户服务群负责人签字：</span></p>
      <div class="overflow-hidden"><span class="fr">{{date}}</span></div>
    </div>
  </div>

  <script>
    const search = new URLSearchParams(location.search);
    const enterpriseName = search.get('enterpriseName') ?? '福建新奥能源发展有限公司';
    document.title = `${enterpriseName}-授信报告`;

    const { createApp, defineComponent, computed, ref, reactive, onMounted, onBeforeUnmount, nextTick } = Vue;

    // 包含预览功能的输入框组件
    const EnnInput = defineComponent({
      template: `<span v-if="isPreview" :class="$attrs.class">{{$attrs.modelValue}}</span><el-input v-else type="textarea" :placeholder="placeholder" :autosize="autosize" v-bind="$attrs"></el-input>`,
      props: {
        isPreview: {
          type: Boolean,
          required: true
        },
      },
      setup: () => ({ placeholder: "请输入内容", autosize: { minRows: 2 } }),
    });

    // 根组件 setup 函数
    const setup = () => {
      const isDownload = ref(false) // 是不是下载模式
      const isPreview = ref(false) // 是不是预览模式
      const company = reactive({
        enterpriseName,
        reportYear: '2022',
        grade: '',
        recLimit: '',
        sugDuration: '',
        address: '福建省泉州市鲤城区鲤中街道新峰社区象峰巷38号，2017年03月30日',
        termStart: '',
        termEnd: '',
        belongOrg: '',
        regNo: '',
        operName: '',
        registCapiNote: '',
        scope: '',
        registCapi: '其中，新奥燃气发展有限公司出资10010万人民币，占比100.00%。',
        legalRepresentativeDetail: '韩继深，男，汉族，生于1964年8月，中国河北廊坊人，毕业于1990年保定职工大学，并于2007年获得新加坡南洋理工大学高级管理人员工商管理硕士学位，硕士研究生学历。1993年加入新奥，韩继深在中国燃气行业内拥有超过20年的从业经验。作为燃气行业的资深人士，韩继深在中国清洁能源企业优秀代表新奥集团的发展过程中，做出突出的贡献。', // 法定代表人
        legal: '韩继深，男，汉族，生于1964年8月，中国河北廊坊人，毕业于1990年保定职工大学，并于2007年获得新加坡南洋理工大学高级管理人员工商管理硕士学位，硕士研究生学历。1993年加入新奥，韩继深在中国燃气行业内拥有超过20年的从业经验。作为燃气行业的资深人士，韩继深在中国清洁能源企业优秀代表新奥集团的发展过程中，做出突出的贡献。', // 法定代表人
        companyNoOneDetail: '', // 一号位
        financePrincipalDetail: '', // 财务
        creditStatus: `该企业在我公司开立账户，账号为0101028001，中征码3505020001616745。截止到2021年10月26日，在金融机构无贷款。
                       通过在中国裁判文书网及中华人民共和国最高人民法院网查询，该客户无诉讼、处罚等负面信息。
                       经人行征信管理系统查询，公司没有未结清不良信贷信息和欠息记录。信用良好。`,
        guaranteeStatus: `截止到2021年10月26日末，公司对外无担保，无抵押。`, // 对外担保情况
      });

      const tableData = ref([
        {
          date: '2016-05-03',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles',
        },
        {
          date: '2016-05-02',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles',
        },
        {
          date: '2016-05-04',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles',
        },
        {
          date: '2016-05-01',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles',
        },
      ]);

      // 进入下载模式
      const enterDownload = () => {
        isDownload.value = true;
        nextTick(() => window.print());
      }

      // 退出下载模式
      const quitDownload = () => (isDownload.value = false);

      // 添加打印后事件函数
      onMounted(() => window.addEventListener('afterprint', quitDownload));
      // 移除打印后事件函数
      onBeforeUnmount(() => window.removeEventListener('afterprint', quitDownload));

      return {
        date: dayjs().format('YYYY年MM月DD日'),
        isDownload,
        isPreview,
        autosize: { minRows: 2 },
        company,
        tableData,
        enterDownload
      }
    }

    createApp({ setup }).use(ElementPlus).component('enn-input', EnnInput).mount('#app');
  </script>
</body>

</html>